<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div class="one">hello world</div>
    <script>
        // 通过Class 获取的是一个HTMLCollection HTML集合 只是长得像数组
        // 可以通过length 获取集合的长度
        // 可以通过下标去读取
    var one=document.getElementsByClassName("one");
    console.log(one);
    console.log(one.length);
    console.log(typeof(one));
    console.log(one[0]);
    one[0].style.color="red";
    // 想要改变某一个dom 一定要指定某个属性，而不能是整个集合
    </script>    
</body>
</html>